<!DOCTYPE html>
<%@include file ="masterPage.jsp" %>
<html>
    <head>
        <title>KMP Fast East Pte Ltd - ERP Application</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <link rel="stylesheet" href="/resources/demos/style.css" />
        <script>
            $(function() {
                $("#datepicker").datepicker();
            });
        </script>
    </head>
    <body>
        <div id="page-wrapper">

            <div class="col-lg-12">
                <div class="panel panel-primary">
                    <div class="panel-heading">    
                        <h1 class="panel-title"><i class="icon-file-text-alt"></i> Create Quotation</h1><br>
                        <a href="salesQuotation.jsp"><button type="button" class="btn btn-danger"><i class="icon-save"></i> Save</button></a>
                    </div>


                    <div class="panel-body"> 
                        <div class="table-responsive">
                            <table class="table table-condensed table-hover table-striped tablesorter">                                
                                <thead>
                                <h1>Create Quotation</h1>
                                <tr>
                                    <th>Customer</th>
                                    <th>Date</th>
                                </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><select name="supplierID" class="form-control" value="Select A Supplier">  
                                                <option>KMP Europe Pte Ltd</option>
                                                <option>KMP USA Pte Ltd</option>
                                        </td>
                                        <td><input type="text" id="datepicker" name="orderDate" class="form-control" placeholder="Pick a Date" /></td>
                                    </tr>
                                    <tr>
                                </tbody>
                            </table>
                            <table class="table table-bordered table-hover table-striped tablesorter">
                                <thead>
                                    <tr class="success">
                                        <th></th>
                                        <th>Item</th>
                                        <th>Description</th>
                                        <th>Quantity</th>
                                        <th>Unit Price</th>
                                        <th>Sub-Total</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><button type="button" class="btn btn-link">Add an Item</button></td>
                                        <td><select name="itemID" class="form-control">
                                                <option>K1</option>
                                                <option>K2</option>
                                                <option>C1</option>
                                            </select></td>
                                        <td><input name="itemDesc" class="form-control" type="text "placeholder="Enter Description"></td>
                                        <td><input name="itemQty" class="form-control" type="text "placeholder="Enter Quantity"></td>
                                        <td><input name="unitPrice" class="form-control" placeholder="Enter Unit Price"></td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>1</td>
                                        <td>6Y 5911</td>
                                        <td>DISC, PA 7G3129</td>
                                        <td>30</td>
                                        <td>9.52</td>
                                        <td>285.60</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>6Y 7914</td>
                                        <td>DISC, PA 5K8617 (30)</td>
                                        <td>100</td>
                                        <td>5.00</td>
                                        <td>500.00</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>6Y 7915</td>
                                        <td>DISC, PA (GREEN) - 2G9908</td>
                                        <td>100</td>
                                        <td>3.60</td>
                                        <td>360.00</td>
                                    </tr>
                                    <tr>
                                        <td>4</td>
                                        <td>SE 4075</td>
                                        <td>DISC, ASBESTOS, 6S3183</td>
                                        <td>100</td>
                                        <td>5.00</td>
                                        <td>500.00</td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="col-lg-13">
                                <table class="table table-condensed">
                                    <thead>
                                        <tr>
                                            <th class="active" colspan="8">Item Total</th>
                                            <td>1,645.60</td>
                                        </tr>
                                        <tr>                                     
                                            <th class="active" colspan="8">Tax</th>
                                            <td>0.00</td>
                                        </tr>
                                        <tr>                                                                             
                                            <th class="active" colspan="8">Discount</th>
                                            <td>-0.00</td> 
                                        </tr>
                                        <tr>                                                                             
                                            <th class="danger" colspan="8">Order Total</th>
                                            <td>USD 1,645.60</td> 
                                        </tr>
                                    </thead>                              
                                </table>
                            </div>
                            <form role="form">                        
                                <textarea class="form-control" rows="3" placeholder="Term and conditions..."></textarea>
                            </form>  
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>